<template>
    <div :class="animated ? ('animated ' + animateClass) : ''" :style="{
        width: w,
        height: h + 'px',
        background: bg,
        borderRadius: round ? (h / 2 + 'px') : 0
    }"></div>
</template>

<script>
    export default {
        name: "Lines",
        props: {
            // 宽度
            w: {
                type: String,
                default: "100%"
            },

            // 高度
            h: {
                type: Number,
                default: 1
            },

            // 背景色
            bg: {
                type: String,
                default: "#e6e6e6"
            },

            // 圆角
            round: {
                type: Boolean,
                default: false,
            },

            // animate 动画
            animated: {
                type: Boolean,
                default: false
            },

            // 执行的动画类名
            animateClass: {
                type: String,
                default: ''
            },
        },
    }
</script>
